import './File.less'
import { Upload, Modal } from 'antd';
import { PlusOutlined } from '@ant-design/icons';
import React  from 'react'
import ReactDOM from "react-dom";
const File =()=>{
    // function getBase64(file) {
    //     return new Promise((resolve, reject) => {
    //         const reader = new FileReader();
    //         reader.readAsDataURL(file);
    //         reader.onload = () => resolve(reader.result);
    //         reader.onerror = error => reject(error);
    //     });
    // }
    // class PW extends React.Component {
    //     state = {
    //         previewVisible: false,
    //         previewImage: '',
    //         previewTitle: '',
    //         fileList: [
    //             {
    //                 uid: '-1',
    //                 name: 'image.png',
    //                 status: 'done',
    //                 url: 'https://zos.alipayobjects.com/rmsportal/jkjgkEfvpUPVyRjUImniVslZfWPnJuuZ.png',
    //             },
    //             {
    //                 uid: '-2',
    //                 name: 'image.png',
    //                 status: 'done',
    //                 url: 'https://zos.alipayobjects.com/rmsportal/jkjgkEfvpUPVyRjUImniVslZfWPnJuuZ.png',
    //             },
    //             {
    //                 uid: '-3',
    //                 name: 'image.png',
    //                 status: 'done',
    //                 url: 'https://zos.alipayobjects.com/rmsportal/jkjgkEfvpUPVyRjUImniVslZfWPnJuuZ.png',
    //             },
    //             {
    //                 uid: '-4',
    //                 name: 'image.png',
    //                 status: 'done',
    //                 url: 'https://zos.alipayobjects.com/rmsportal/jkjgkEfvpUPVyRjUImniVslZfWPnJuuZ.png',
    //             },
    //             {
    //                 uid: '-xxx',
    //                 percent: 50,
    //                 name: 'image.png',
    //                 status: 'uploading',
    //                 url: 'https://zos.alipayobjects.com/rmsportal/jkjgkEfvpUPVyRjUImniVslZfWPnJuuZ.png',
    //             },
    //             {
    //                 uid: '-5',
    //                 name: 'image.png',
    //                 status: 'error',
    //             },
    //         ],
    //     };
    //
    //     handleCancel = () => this.setState({ previewVisible: false });
    //
    //     handlePreview = async file => {
    //         if (!file.url && !file.preview) {
    //             file.preview = await getBase64(file.originFileObj);
    //         }
    //
    //         this.setState({
    //             previewImage: file.url || file.preview,
    //             previewVisible: true,
    //             previewTitle: file.name || file.url.substring(file.url.lastIndexOf('/') + 1),
    //         });
    //     };
    //
    //     handleChange = ({ fileList }) => this.setState({ fileList });
    //
    //     render() {
    //         const { previewVisible, previewImage, fileList, previewTitle } = this.state;
    //         const uploadButton = (
    //             <div>
    //                 <PlusOutlined />
    //                 <div style={{ marginTop: 8 }}>Upload</div>
    //             </div>
    //         );
    return(
      <div>
          我
      </div>

    )
}
export default File;



